@import "../../colors";
@import "../../frameless";

.teacher-banner {
    background-color: $ui-purple;
    min-height: 65px;

    &.title-banner {
        transition: none;
        margin-bottom: 0;
        text-align: left;

        h3,
        p {
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: left;
        }
    }

    h3 {
        color: $ui-white;
    }

    .flex-row {
        &.inner {
            justify-content: space-between;
        }
    }

    .button {
        margin-left: 10px;
        background-color: $ui-white;
        padding: 13px 20px;
        color: $ui-purple-dark;
    }
}
